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المقدمة 


من المعلوم أن التواصل (التفاعل) بين الحاسوب والمستخدم 
jizz Human Computer Interaction‏ خا هما في تصميم الحاسوب فى مکو ناته 
المادية (۴٣2سل۲هط)‏ والمعنوية w2 ٣٤(‏ هsء).‏ وإذا ذا الجانت البرمجى (software)‏ 


من ذلك التواصل» فإنه يعتمد في زماننا هذا على الشاشات وما بداخلها من عناصر أخرى» 
أذ يرليه الم فجون غتاية فافقة. 

لكن» للأسف الشديد» فإن الدراسات التي تتحدث عن منهجياتِ مناسبة لاشتقاق 
الك االراصل رة خراززسة سر ية والعاة تراد وء عقت نفا خن 
منهجية لاشتقاق التواصل في برامج التعليم الإلكتروني» التي تحتاج بصورة مكثفة إلى 
آلبات للغرفن والإيخار بين القاشات الحخافة. 

نجد في الدراسات المتاحة لدينا عن اشتقاق الشاشات عموماء آن الباحثين لم يتناولوا 
الموضوع مباشرةً فمنهم من اهت بدراسة مخطط انتقال الحالات في عملية تصميم 
الواجهات في البرامج العاديةء دون التطزق إلى تصميم الواجهات في التعليم الإلكتروني 
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الاشتقاق التلقاثن لواجهات التواصل في التعليم الإلكترونن باستعمال مخطط انتقال الحالات 


كورقة. وبعضهم ركز على أساليب وأدواتِ اشتقاق وتقييم الواجهات بشكل عام 
کور ووراک روھ قد رک اروا على عل التضم زآمبات الفاسل بین 


۶ 


المستخدم والحاسوب كورقة*› وورقة”"› وورقة”")› وورقة ^ نشکا اء مں ذلك 


ورقة”» حيث استخدمنا طريقة جديدة» تسكّى منهجية توید 10115» يمكن دمجها مع 
طريقة يوردن ١٥۵إuه۲‏ للتحليل والتصميم الهيكلي »K‏ وذلك بهدف اشتقاق واجهات 
التواصل بين المستخدِم والحاسوب. هذه الدراسة» وعلى أهميتهاء لم تتطرق لاشتقاق 
الشاشات التلقائيٌ لواجهات التواصل في التعليم الإلكتروني. 


أما بخصوص البحوث السابقة في اشتقاق شاشات التواصل في مجال التعليم 
الإلكتروني» فإننا لم نعثر على شيءٍ ذي قيمةٍ عالية في هذا المجالء الأمر الذي دفعنا إلى 
محاولة إيجاد طريقة منهجية تعتمد على مصطلحات علم تصميم التعليم الإلكتروني» ثم 
إلى ماك ازز كب اة اتاق الاعات رالخرارنة الو جي ايشا 
على طط lنتتقاJ‏ الأحlلںٺت .state transition diagram (STD)‏ 
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الهيكلية للتحليل والتصميم» مجلة أبحاث الحاسوب» المجلد الحادي عشر» العددالأول. 
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هذا الببحث يربط لأول مرة - حسب علمنا - بين العمليات الحادثة في ذهن المتعلم 


أثناء تلقيه التعليم» وتمثل في الشكل التقليدي لمخطط انتقال الحالات. 


طط انتقال الحالات state transition diagram‏ يعرف وفاضا باستعمال دالتین هما: 


Fi: S X [y0 


0: SX [|S 


حیث ۴ هي دالة المخرجات» و 5 هي داله انتقال الحالات» وكلاهما مُعرّف بدلالة 
المجموعات S5‏ واو 0 حبث 95 ھی مجموعهة الحالات الداخلية I1 , «Internal state‏ 


مخطط انتقال الحالات يستعمل في التصميم المنطقي فيما يُسمَّى بآلات الحالات 
انزلnحدويxة «finite state machine‏ يستخما أیشاً في علوم الحاسوب في تصميم 
المترجمات ۲ءe «com p1]‏ وها في مرحلة التعرّف على المفردات ١۴١١هم.‏ لکننا 
نستعمل هذا المخطط ابتداءَ في البحث الحالي» لتمثيل الحالات الذهنية لشخص ماء 
و ا مو الوا جاج ع قر دفر یدل الا ی خا 
التعليم والتعل الأمر الذي يمهد في ما بعد اال ا ا نفسه في إنشاء 
التعليم الإلكتروني» خحصوصاً في مرحلة التوليد التلقائي للشاشات» وكيفية الانتقال بينها 
من شاشة إلى آخری» ومن مستویٌ إلى آخر. 

مخطط اتقال الحالات وميل الحالات النشسية لاوتسان: مت ن زيدآً من الغاس 
کان يمر على عمرو فيحَييه بابتسامة» وكان عمروّ بدورة يرد على تلك الابتسامة بابتسامة 
مثلها. هب أن هذا السيناريو يتكزّر يومياً لمدةٍ طويلةء هذا الصنيع يمكن أن نمثله في 
المخطط الصندوقي الآتي: 


K1 
اا و او سو‎ 
0١5 مخطط صندوقی رقم‎ :١لكشلا‎ 


نخرج من المخطط السابق بعدة مصطلحات: 


ابتسامة من عمرو 


3 ٴ ‌ 
ايتسامة زك تس رسالة #عدءءعمص بمعناها الكامل فى نظرية الاتصال» ذلك أن زيدا 
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اسامة زید نفسهايُطلق .عليه اسم المدخحلات يالنسبة لعمرو ام٣1‏ کما هو واضح 
من اتجاه السهم. والعاملون في علم النفس التجريبي يطلقون على ابتسامة زيل اسم 
المثير .S1١01118S‏ 

ايتسامة زيد ي آخریئ e.‏ ا اوا بالشسة لعمرو .external event‏ کلمa‏ 
الحدث الخارجي تختصر فی العديد من السياقات إلى كلمة حدث ۷۵1ء. و 
(حدث) هو الذي سنستعمله من الآن فصاعدا. من الواضح أا هروا ليس له علافة فيا 
يُحيِئه زيدٌ من أحداثِ» إذ يقوم بدور المتلقي فقط. ابتسامة عمرو التي نجمت عن ابتسامة 
زید ا اانه €onsمresp»‏ ایتسامة عمرو تا آنا مخر جات انام)الا٥»‏ وهي 
مخرجات فقط بالنسبة لعمرو صاحب الاستجابة. 


المخطّطٌ الصندوقيٌ الرقم )١(‏ لا يوضح بأيّة صورة من الصور ما يحدث في نفس 
عمرو تكفا تلق حذف الابتسامة» ولکنه يو صح EE‏ اتان عمرو المترتة على 
حدث الابتسامة. 
pa e y-i ar Rp‏ 
تلك الصفعةٌ هي رسالةٌ بمعنى الكلمة» ذلك أن عمرواً تلقاها بالخلايا العصبية المبثوثة 
على خد والتى تُشكّل جزءً من حاسة اللمس» وَعرَّفَ بحاسة البصر على زيل الذي فعل 
تلك الفعلة الشنعاء. 


رض آن غبروا ذل مق تلك الرسالة المربكة» ولم تزد استجابته على التأوه في 
تلك اللحظة. 


بناءٌ على ما سبق» نستطيع تصوير العلاقات بين الحدث والاستجابة كالاآتي: 

ج آلا س ايتسامة زيد/ ابتسامة عمرو. 

صباح اليوم: صفعة زيد/ تأوه عمرو. 

e‏ / » التي و والاستجابة في التعبير أعلاه تقر ۴ تەي 


Ll Bag‏ اغلب الظنء تلك استجابا ضير مضموق إذ ريما تكون مغ 


مثل صفعة زيد» او وکل أو ظح أ قير ذلك وإذا افر ضا أن عمرواً بارع في مجال 
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الركلات» فإن علاقة الحدث والاستجابة ستكون: صباح الغد: ابتسامة زير / ركلة عمرو. 
إ6اغدتا اطاط الصتدو الاق كر الال هی 
ET EEN r ET‏ 
الشکل۲: مخطط صتدوقي رقم (۲) 

المخطط الصندوقيٌ السابق لم يساعدنا في التنبؤ باستجابة عمرو غداً إذا كان الحدث 
هو ابتسامة زيدء لأنتا رأينا في ما مضى مخططاً ضندوقياً كان الحدث فيه ابتسامة زيدٍ 
واستجابة عمرو» وكانت ابتسامةء الأمرٌ الذي يجعل الصورة ملتبسة علينا في أي من 
المخططين نتبع» الأول أم الثاني. ۰ 

إت المخطط الفح قى لا يكفي لتوضيح سلوك عمرو لأنه يُخفي عنا تماما ما 
يحدث في (نفس) عمرو. 


المخرج من هذه المشكلة يكون باستعمال مخطط اتال الحالات: 
خط اختقال الحالات التفسنة 


نستطيع أن نفترض أن عمروا كان في البداية في حالة #٤هاء‏ «ود» مع ذلك (الزيد) 
لھ ا کے د ون ا اد صغيرة داخلها 
اسم الحالة كما هو موص في المخطط أدناه. 


عندما تلقى عمرو الصفعة المشهورة صباح اليوم» انتقل إلى حالة العداء مع زيد. 


المخطط يصبح كما هو مُوص أدناه. 


ت 


الذي سكب الانتقال ”وة من حالة الود إلى حالة العداءء هو حدث الصفعة 
الذي كانت استجابته تأوه عمرو والذي مثلناه في ما سبق بالعلاقة: صفعة زيد/ e.‏ 


Sawt Al-Jamiaa ۲0۱ صوتح الجامعة‎ 
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إذت سطع أن رمم سهما من (جالة الوت إن (حالة العداء): عليه ادياج 
الحدث» والاستجابة التى تسبّبت في ذلك الانتقال كما يوضحه المخطط. 


ء3 ا 
a ۰‏ . )عد( 


الشكل ": الحدث والاستجابة 


من هنا يتضح لنا أن عمرواً كان في حال من الود حتى وقع حدث خارجيّ هو صفعة 
زيل نجم عنها استجابة عمرو في شكل تاو وفي الوقت نفسه انتقل عمرو من حالة الود 
(الداخلية) إلى حالة العداء (الداخلية أيضا). 

سهم الانتقال بين الحالات قد يعيدنا إلى الحالة نفسها. فأمس كان عمرو في حالة 
الو وكان الحدت الذي يتلقًاه هو ابتسامة زيل ويستجيبٌ له بابتسامة» وظل في حالة الود 
نفسها ولم يتحول عنها كما يوضحه المخطط الآتي: 


ء3 N‏ 
: 2 )عد 


على ذلك نستطيع إكمال مخطط انتقال حالاتِ عمرو كالاتي: 
ابتسامة زيد / ركلة عمرو 


7 3¢ 
© : 


ايتسامة ريك / ابتسامة عجرو 


الشكکل:: تأثر الحالات الداخلية بالأحداث الخارجية 
لأن عمرواً سيرى وهو في حالة العداء لزید كل ابتسامة استفزازاً له بُحمزه على ركله. 
مما سبتق يتضح لنا: مخطط انتقال الحالات يوضح تقلّب الحالات الداخلية في نفس 
عمرو بناءً على الأحداث الخارجية التي تقع من زيد» وفي الوقتِ نفسه أظهرت استجاباتِ 
عمرو لتلك الأحداث. 
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الشيء الذي لم يوضحه مخطط انتقال الحالات السابق هو كيف يعيد زيدٌ عمرواً إلى 
حالة الود مرة أخرى. بعبارة أخرى» ما هو الحدث الخارجي أو الرسالة التي يرسلها زيد 
لعمرو لذلك الغرض؟ هذه بالطبع مشكلة زيل لا مُشكلتنا نحن» لذلك ندع ذلك المخطّط 
لانتقال الحالات كما هو. أهل الرياضيات يُطلقون على مخطط انتقال الحالات الذي 
تظهر فيه الأحداث والاستجابات اسم آلة مورلي ‘Morley machine‏ . 


مخطط انتقال الحالات الخالي من الاستجابات 
ح بيت اللإمام الشافعى المشهور: 
ور الر قا عن كل عب اة ولگ س الخ قيس الضساوا 
البيت يوضح حالتين نفسيتين لشخص ماء هما: حالة الرضا وحالة السخط. 
إذا تجاهلنا الطريقة التى يبدي بها ذلك الشخص المحاسنَ والمساوئ (استجابته)» 
فإننا نستطيع آن ترسم ااا لانتقال الحالات» تظهر فيه الحالات مح اسهم ديباجة تظهر 
فقط الأحداث اللازمة لانتقال الحالات دون ظهور الاستجابات فى تلك الديباجات. 
لذلك تسعطيع أن تمثل ما سبق بالمخطط الآتي: 


س س 


- ۰ ” 


ما پر فا 
الشكل٥:‏ مخطط انتقال الحالات الخالي من الاستجابات 
أهل الرياضيات يطلقون اسم آلة ميلر #«نطعص ١٥11ان‏ على مخطط انتقال 
الحالات الذي تظهر فيه الحالات والأحداث» والخالي من الاستجابات". 
والآن افترض أن ذلك الشخص تلقى خبراً محزناً: إن كان في حالة الرْضا فإنه 


https://nasainarabic.net/education/articles/view/the-theory-of-relativity-inf. (1) 


http://www.moudir.com/vb/showthread.php?t=180763&page=24. () 
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سينتقل إلى حالة جديدة هى حالة الحزن» وان كان فى حالة السشخط فإنه سيظل 
ساخطاً ولن يبالي من هو عليه ساخط بما أصابه من أحزان. إذن» المخطط الجديد 


حبر 
محزل 


الشكل٦:‏ تأثر مخطط انتقال الحالات بأحداثِ جديدة 
لاحظ أن من كان فى حالة الّضا سيظل عليها إذا تلقى ما يسر» ومن كان في حالة السخط 


سيظل أيضا عليها إذا تلقى ما يسر أهم ما سجاه من المخظط السابق هو أن الحالات 
ليست بالضرورة انين متضادتين فقط بل قد نزي فالخطط السابق فية حالات ثلاث. 


التعلم والتعليم على ضوء مخصط انتقال الحالات 

التعلم : عملية التعلّہ learning‏ ف کالا تي 

«التعلّم هو العملية التي تنقل المتعلَّمَ من حالة ذهنية إلى حالةٍ أخرى). هذا التعريف 
لم نقترحه لأن سياق الحديث كان عن انتقال الحالات» بل لآنه مترجم من مرجع لرمزين 
قغاضرین هن زھوز د تصميم التعليم» » هما: قاینه 62g‏ وبرقس ”ءچ8¡g›‏ کے هاا 
يشيرا من بعيلٍِ ولا من قريب إلى مخطط انتقال الحالات» ثم نتساءل هنا: ما هي الحالة 


التي انتقل منها ذهن المتعلّم؟ وما هي تلك التي انتقل إليها؟ 


R. Gagne, W. Wager, & L. Golas, Principles of Instructional Design, (Fourth Ed) by Holt, Rinehart and (1) 
Winston, Inc, 1992. 
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ن الراشج یاو سی ای جا ایر و ی کپ 
الا 
ا و ی وو > فهي بلا شك حالةٌ العلم بعد أن يكونَ 
لم قد قد تعلّم ذلك الشيء الجديد بهابة اة الل 
E OO PE‏ 
نتقال حالات» لكن الانتقال من حالةٍ ذهنية إلى حالةٍ أخرى لا بد أن يكون بواسطة حدثِ 
ي ب ا ج ذهن المتعلّم. بعبارة أخرى ى: ذلك الحدث الخارجي ساعد عملية التعلّم 
نقل ذهن المتعلم من حالة الجهل بالشىء إلى حالة العلم به. 
التعليم التعليم instruction‏ يعر ف الا 
«التعليم هو: ف الأحداث ere6‏ التی تحدث خارج دهن النتعله وتساعد 
على التعلم». 
وبالرغم من أن هذا التعريف قد ذكرناه آنفاً في سياق مخطط انتقال الحالات» إلا أنه 
مترجم أيضا من قاينه ريرق" اللذين ذكرا ممبطاح الأحداث ەه دون أن یخوضا 
في و صف العمليات الذهنية بدلالة ذلك ال رظ إذن التعليم هو ذلك الحدث الخارجي 
الذي ساعد عملية التعلم بنقلٍ کیو ال می عاد ادیال اي إلى حالة العلم به. 


العلاقة بين التعلّم والتعليم: العلاقة بين التعلّم والتعليم يوضحها مخطط انتقال 


الحالات الأتي: 


itha Fy CET 


شعلیم 


الشکل۷: العلاقة بين التعلم والتعليم 


Ibidem.; p.155. (1) 
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الاشتقاق التلقائن لواجهات التواصل في التعليم الإلكترونن باستعمال مخطط انتقال الحالات 


القرق بين الأعلام والتعليم 

التعليم ليس إعلاماً فحسب» بالرغم من أن المكوّن الإعلامي هو العنصر الجوهري 
لعملية التعليم والمحصّلة النهائية لهاء وإذا نظرنا إلى المكوّن الإعلامي من عملية التعلمء 
فإن التريل هو سن قسج السات «instructor‏ والمتلقى هو المتعلّم نفسه إ#٣إهه!].‏ 
أما الرسالةٌ التي أرسلها المعلّم إلى المتعلّم خلال عملية الإعلام فإنها تُسمّى في مجال 
التعليم باسم المحتوى 0۸01۸ء. 

عملية الإعلام التي أوصلت المحتوى إلى المتعلّم تمّت خلال قناةٍ للاتصالء وأدركها 
المتعلَّمٌ بإحدى حواسه. الوسائط التي يمكن أن تنقل المحتوى تتخذ عدة صور» منها: 

رسالة محتوبة - رسالة شفوية - رسالة مرسومة - رسم متحرك - صورة - صورة 
متحركة (فيلم) - أي مزيج مما سبق - غير ذلك. لاحظ أن عملية الاتصال أو الإعلام 
التي أوصلت المحتوى إلى المتعلم لم يكن الغرض منها مجرد اللإعلام والبلاغ فحسب» 
بل كان الغرض منها مساعدة المتعلم في عملية التعلم حتى ينتقل ذهنه من حالةٍ 
إلى أخرى. 

السؤال الذي يطرح نفسه هنا هو: هل ينجح الإعلام دائما في إحداث التعليم؟ 

ألأسف الشديد. الإجابة هي بالتفى» آي ربما تق غملية الإعلام بنجاح تا ولكنها 
بالرغم من نجاحهاء ربما لا تتسبّب في انتقال الذهن من حالته التي بدا منها إلى حالةٍ 
جديدة» مما يعنى فشل العملية. 

سب محتملّ آخرٌّ يؤدي إلى فشل الإعلام الناجح في إحداث التعليم» هو ضعف 
الرسالة نفسها من حيث المحتوى. بعبارة أخرى» الرسالة ربما لا تحتوي على معلوماتِ 
كافية تنقل الذهن إلى حالة التعلم. 


أخرْ الحالة المؤهلة للدخول 

لنفهم أحد الأسباب الرئيسة لفشل عملية التعليم» فإنه يُستحسن أن نسترجع مخطط 
انتقال الحالات المرتبط ببيت اللإمام الشافعي المشهور الذي مر بنا سابقاً: 
وعين الرضاعن كال خيب كلا ولكن عينَ السشخط تبدي المساويا 


الذي أضفنا حالة الحزن له فأصبح: 
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أ. د. إسماعيل الأزهري - محمد فوزي العقاد 


حبر ما یسر 


الشكل۸: أثر الحالة المؤهلة للدخحول 
لاحظ أن وصول الخبر المحزن (وهو رسالة إعلامية) لا يتسبب في الانتقال إلى 
حالة جديدة إذا كان المتلقي في حالة سخط. بالمثل» إذا كان المتلقى فى حالة الرضاء فإن 
الآن سننظر إلى جانب من مخطط انتقال الحالات لذهن المتعلم» ولننظر إلى أثر 
وصول معلومة بعينهاء وليكن اسمها س ونناقش آثرها في الوصول إلى حالة العلم: 


معلومة س 
2 معلومة س ت 


الشكل۹: وصول معلومة لمخطط انتقال الحالات لذهن المتعلّم 
يظهر من المخطط تماماًء أن الذهن (ذهن المتعلّم) إذا كان في الحالة (۳) ووصلت إليه 
المعلومة س» فإنه لن ينتقل أبداً إلى حالة العلم. لكن إذا كان في أية واحدة من الحالتينء 
الحالة )١(‏ أو الحالة (۲).» ووصلت إليه المعلومة س» فإنه سينتقل مباشرة إلى حالة 
العلم المطلوبة. 
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الاشتقاق التلقاثن لواجهات التواصل فن التعليم الإلكترونيٰ باستعمال مخطط انتقال الحالات 


الحالةٌ التي يكون فيها ذهنْ المتعلّم في وضع يمكنه من الانتقال إلى حالة العلم فور 
وصول المحتوى التجليمي الاس کی کےا العحث الحالة المؤهلة للدخول 
(آي الدخول لعملية التعلّہ) .entry level state‏ 

من المخطط اغلاب نبد آل الحالة )١۱(‏ والحالة (۲) حالتان مؤهلتان للدخول» أما 
الحالة () فلا تۇل للدخول للتعلم. ذف فن أسباب فشل عملية الاتضال الناجح في 
إحداث التعلّم > كون الذهن في حالة لا توهُله للدخول من الأصل. 

ا سبق وش أت الماومة اديت الي وسات بفجام آل الشل انت ق مسرن 
أعلى بكثير من مستوى المتعلم» وبالتالي لم يفهمها وفشلت عملية التعليم. 
e‏ 
tP rar rg r r‏ 

لا كان المتعلّم يتلقى تلك المعلومات متتابعة على التوالي» فإن غاية ما نرجو أن 
تقل کل سار ديد فمن المتعلم إلى سال وسيطة جديدي حي يصل القع في 
النهاية إلى الحالة الختامية المطلوبة وهي حالة العلم. 

الشكل التالي يوضح المسار الذي نتمناه لانتقال حالات ذهن المتعلّم من حالة 
الجهل إلى حالة العلم» مروراً بالحالات الوسيطة التي تنشاً مع وصول معلومة جديدة. 


الشكل ٠‏ ا 


في ذهن المتعلم 
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المسار الذي رأيناه أعلاه» قليلاً ما يتحقق» خصوصا إذا نقلنا المعلومات التى كتبها خبير 
المحتوى (المعلومات الخام) subject matter expert (SME)‏ . وذلك للأسباب الاتية: 


ربما لم يبلغ المتعلَّم الحالة الموهُلة للدخول من الأساس» وبالتالي فإن المعلومات» 
مهما كانت كميتهاء لن تنقله من حالة الجهل. 

ربما كانت المعلومات غير مكتملة» فيسيرٌ الذهن من حالة إلى أخرى مع ورود كل 
سلو نيد ولكته قي النهاية جرت دون حال العلم بعد اسحبادة جي یع المعلومات 
التي أعطيت له. 


و کان ا في حالة مناسبة 2 عملرة التعل» وکن المعلومات 2 
ال ا لا ساب الخرے سن لاداس ا دن ل أن المع مات غي ال كا 
تشبه المعلومات التي بها فجوات» لأن كلاً منها لن يسهم في بلوغ المتعلّم إلى حالة العلم. 

قد تكون المعلومات مكتملةء ولكن وصولها للمتعلم لم يكن بالترتيب المناسب 
لنقل الذهن من حالة لأخرى» مما يعني فشل عملية التعليم. 

السبب الرابع يحتاج لمزيد من الإيضاح وفي ما يأتي التفاصيل: 


أثر ترتيب المعلومات 

لنوضح أثر ترتيب المعلومات» نفترض أن لدينا معلومتين: معلومة »)١(‏ ومعلومة (۲). 
افترض أن الذهن كان فى الحالة 1ء. وافترض أن معلومة )١(‏ هى الوحيدة التى تنقله إلى 
الحالة الوسيطة 2» فإذا أصبح في الحالة 52ء فلنفترض أن معلومة (۲) هي التي ستنقله 
إلى حال العلم المطلوبة أي الحالة ء. 

اسشا الآتي يوضح المسار الصحيح لحالات الذهن من الحالة 1ء إلى حالة العلم ء. 
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الاشتقاق التلقائن لواجهات التواصل في التعليم الإلكترونيٰ باستعمال مخطط انتقال الحالات 


الآن استاخد ستاريو آخر دآ من الحالة 81 ويوضل المعلوفتينة فخلومة )١(‏ 
ومعلومة (۲)» لكن لا يتم التعلم. افترض أننا بدأنا من 1ءء وأعطينا من البداية معلومة 
(۲) (أي استهلكناها)» النتيجة هي أن الذهن لن ينتقل إلى الحالة 2ء ويظل في الحالة 1ء. 
الآن سنعطيه معلومة )١(‏ كما هو موضح في الشكل .)١١(‏ 


GG 
ت‎ 


PIR 


OT 


الشكل١٠:‏ أثر ترتيب المعلومات في الذهن 

النتيجة ستكون نقل الذهن إلى الحالة 2» ثم يظل هناك» ولن نعطي الذهن معلومة 
() مر آعریء لأننا کنا قد اسٹھلکتاها وظتنا آنھا قد آتت آکلها من قبل. 

من الواضح أن عملية التعليم هنا قد فشلت بالرغم من أننا قد نقلنا للمتعلم كل 
المعلومات اللازمةء وكان المتعلّم في البداية في حالة تؤهُله للدخول. السبب في هذا 
الفشل هو أننا لم نوصل المعلومات بالترتيب الصحيح الذي يساعد في انتقال الذهن إلى 
حالة العلم. 

ا له الما هآ الذهن لن بلك ارا جیا مقلا من سال هة إلى 
أخرى» ما لم ترد إليه المعلومات بالترتيب المناسب. 

اعتماد معلومة على معلومة آخرى 

بن مخطط انقال السالات السابقء بظهر ها آنه بالسة لللهن ستكون مجلومة ١5‏ 
معتمدة على معلومة »)١(‏ لأن المتعلّم لن يستطيع تعلّم معلومة (۲) قبل أن يتعلمَ 
معلومة .)١(‏ 

ھ۶2 ت و 
هل يُشترط الترتيب الخطىٌ للمعلومات؟ 
المقصود بالترتيب الخطي وجودٌ مسار واحلِ فقط لحالات الذهن. 
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نعم» ربما سلك الذهن في طريقه إلى التعلم ارا واا سن عا لى الد ددا 
من الحالة الموهُلة للدخول وصولاً إلى الحالة الختامية وهي حالة العلم. والمسار الواحد 
يكون حتمياً إذا كانت كل معلومة جديدة تعتمدٌ تماما على المعلومة التي سبقتها مباشرةً. 
بعبارة أخرى» يكون هذا صحيحا إذا اعتمدت كل معلومة جديدة على معلومة واحدة فقط 
تسبقها. إذن» المسارٌ الخطّي حالة نادرةٌ جداً في عملية التعليم» لأن الواقع غير ذلك» وهو 
قليلاً ما يتقيد بالنمط الخطى. 


چ ب 
المناقشة أعلاه تؤدي إلى نتيجتين مهمتين: 
الت لتعليم ليس هو الإعلام ف i: iin‏ 
التعليم ينبغي أن يكو أحداثاً مقصودة مخططاً لها سلفاً» وهو يقود تلقائياً إلى ما 


كيفية اكتشاف الحالات الدذهتية ٿلمتعلم 


من الواضح أنه لا توجد لدينا في الوقت الراهن أية طريقةٍ للتحقق من وجود الحالات 
الذهنية للمتغلي التي افترضنا انتقال الذهن إليها أثناء عملية التعلّم. 

تن ترش آن تی ان هدف بعيّد عملية التعليم» يعني فعلاً انتقال الذهن إلى 
حالة ذهنية جديدة من العلم» وعليه لا مناص من افتراض أن الأهداف التعليمية المرتبة 
ارا مسوا تعاب ا االات ےه من القن ااا آلا افك عة اد 
بالأحداث الخارجية التي نسمّيها تعليما. 

نستطيع الاستفادة من طريقة جانييه في تقسيم الآهداف إلى آهدافي نهائية 
«terminal objective‏ وآهداف تمکينية 1۷e†ءء‏ زط٥‏ ٥1ا12ع»‏ وربما احتاج بعضها إلى 
أهدافي تمكينية أخرى في مستوياتٍ أقل» ثم ترتيبها في شكل شجرة لاكتشاف الحالات 
التعنية الجسم افا عمل الملى دي رتب حف الآحداف ف سكل هجر جترما 
(أي أعلاها) الهدف النهائي. ۰ 

هذا بلا شك يساعد في اكتشاف الحالات الذهنية الج أفتاء :اة التعلّم. 
ولنوضح بالرسومات» نضع شجرة الأهداف الآتيةء حيث هدف١‏ هو الهدف النهائي الذي 
احتاج لأهدافِ تمكينية كما هو موضح في الشكل .)٠١(‏ 
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الشكل١١:‏ اكتشاف الحالات الذهنية للمتعلم 
لاان هدف (۲) هو تمکینیٌ للهدف (۱)» وهدف (۳) هو تمکينيٰ للهدف ¥ 
وهدف )٤(‏ بدوره تمکینیٌ للهدف (۳). أثناءَ ء عملية التعلم ا من أسفل الشجرة» 
أي من الهدف »)٤(‏ وبعملية التعليم الخارجية (إعطاء الدرس) ينتقل الذهن إلى الحالة 
المناظرة للهدف (۲)ء وأخيرا بعملية تعليمية أخرى ننتقل إلى الهدف النهائي .)١(‏ 
بالرغم من أننا وصفنا خريطة الأهداف في شكل شجرةء إلا ننا نحتاج إلى عملية 
e‏ اا و 


ane ۸٥٤ بیتري‎ e ذف فا هدفين تمڪيتين فى ب الوقت نفسه‎ e 


الشكل٤١:‏ تسلسل الأهداف في شجرة جانييه 
ر ا ا إلى هدف (۱) إلا بتحقق هدف (۲) وهدف (۳) باي 


هذه العملية في جوهرها هي أهم خطوة في عملية تصميم التعليم بصفة عامة 
والتعليم الإلكتروني بصفة خاصة» ذلك أننا بمقتضاها استطعنا تحويل شجرة جانييه إلى 


https://www.3lom4all.com/vb/showthread.php?t=1149 (1) 
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مخطط لانتقال الحالات. لاحظ أن عملية التعليم والتعلّم تنطلق من أدنى مستويات شجرة 
جانييه» بحیٿ نستطيع اعتبار آوراقها هي الحالات المؤهلة للدخحول» ومع کل 
عملية تعليم ننطلق إلى مستوياتِ أعلى وصولا إلى تحقيق .0 يق الهدف النهائي الرئيس. 


الاستفادة من شجرة جانييه في التوليد التلقائي للشاشات 


إذا استطعتا لدرس ما» إنشاء شجرة جانيه ألأهداف» فإننا نستطيع أن رش کل 
رة آن كل عق من الأعذاف سرا التنكبية أو الهایة ینکن آن بمخل بشاد: 

هذه الشاشات» عنوانها الرئيس الهدف الذي تمثله» ومحتوياتها العلم الذي نريد 
کو اه للمتعلم» مستعينين فى ذلك بكل الوسائط التعليمية المتاحة» من صوتِ وصورة 
وكتابة....الخ. 

لكن الهدف من البحث الحالي» هو التوليد التلقائي للشاشات فقط» ولذلك ندع 
عة[ الاحدات العكة امود إلى قاقات جديدة وتكتى بعل اء 
الکاشات: 

الذي نرید توصیله من الشرح السابق» هو أن شجرة الأهداف تتحول باش إلى 


ترتيب هرميٌ للشاشات» وعلى سبيل المثال» الشجرة الموجودة في الشكل (25) تتحول 
إلى شاشاتِ مرتبة كالآتي: 


الشكل ة5 تسويل مجرة الأهداف النخطية لتر قثب عر للشاهات 
فإذا بدأ المتعلّم من شاشة رقم (۳)» فإنه ينتقل» كما هو موضخ بالأسهم» مع كل 
ا کر کی وار ی ا ر ر( ال تع 
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` fF 


الاشتقاق التلقاثن لواجهات التواصل فن التعليم الإلكترونيٰ باستعمال مخطط انتقال الحالات 


لاحظ أيضاً أننا إذا احتجنا إلى هدفين تمكينيين للانتقال إلى هدفِ في مستوى آعلى» 
فإن هذا أيضا يمل بشجرة الشاشات كما هو موضح في الشكل ND‏ 


الشكل :٠١‏ شجرة الشاشات المتفرعة 


فى هذا الإطار ظهر ما يُطلق عليه التعليم الالكتروني بمساعدة الحاسوب 
«courseware design‏ Îو‏ التعلم بمساغدة الخاصوت* 

هذا المفهوم سوف يوفّر جهداً كبيرآ» ويقدّمُ تقنيةّء وعلماً له الأثر الكبيرٌ في إحداث 
نقلة نوعية في العملية التعليمية. وبالرغم من أن التعليم الإلكتروني آشبه بتحليل وتصميم 
الم إلا أنه وحتى الآن حسب علم الباحثين» لا توجدٌ طريقة معيّنة لاشتقاق شاشات 
اراس ان yA‏ لسا 
اا کے ا ہوک ا ی ای نپ خد ایا 
مشتقة تعتمدٌ اعتمادا تاماً على قائمة الأهداف التعليمية. 


البرنامج ينتج شاشاتِ مصمَمة ب H1 M1‏ وتسلم مباشرة لمصمّم التعليم» ليمارس 
من خلالها تنفيدً باقي مراحل تصميم التعليم الإلكتروني من خلال إدخال أحداثِ» قد 
تكون عبارةً عن وسيط من الوسائط التعليميةء وليس لها علاقة ببرنامج البيان» وإنما يرجع 


ك 


اختيارها مباشرة للمعلم. 

برنامج البيان يساعد على إنشاء هذه الشاشات فقط ليقوم مصكّم التعليم بعد ذلك 
بتعبتتها بأحداث تعليمية معيّنة» وكذلك فإنه يعطي القدرة للمتعلم للتنقل بين الشاشات 
المولًدة بحريةء بما يتناسبٌ مع طبيعة المحتوى التعليمي. 


http://www.wildpackets.com/resources/compendium/reference/course design )1( 
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1 د.اسماعیل الآزهري - محمد فوزی العقاد 


بالو سائط العْنية aأdعم"‏ طعا تي تاتب 5 طریقته ‏ في التعليم» وتساعد الف 


وصف البرنامج المُقَتَرَح للاشتقاق التلقائيّ لواجهة 2 التواصل في التعليم الالكتروني 
برنامج التعليم الإلكتروني المحوسّب المقترّح (البيان)» يضمن استثمارَ أفضل ما 
وصلت إليه التكنولوجياء مع الإبقاء على الأهداف التعليمية ذاتها دون تخيير أو نقص» 
حيث قام الباحثون باستخدام لغة البرمجة ١٥طار۴‏ لتصميم برتاج يدعم التعليم 
الإلكترونيء ويجعلة أكثر سهرلة لكل مكزتات العسلة العليميةء مص اللي آو 
المتعلّم» ويستفيد من الميزات المتطورة لهذه اللغةء لتصميم برنامج يمكن تشغيله على 
متصفحات الإنترنت» للاستفادة من هذه البرامج» ولما لها من قابلية لدى مكونات 
العملية التعليميةء حيث اعتاد مصمّم التعليم والمتعلّم استخدام هذه البرامج» للولوج 
إلى خدمات الشبكة العنكبوتية منذ ظهورها'. كما أن تسلسل استخدام البرنامج 
التعليمي الإلكتروني المصمّم متوافقّ مع الدراسات والأهداف الواجب اتباعها عند 
تصميم البرامج التعليمية» حيث يبدا البرنامج العمل بعد التأكد من صلاحية المستخدم 
أو افساعدته لإنگاء مستخدم جدیل» ثم بقل السياق إلى شاشات متنوعةء پشکل 
مصمم التعليم قبا غالا مها للوصضرل بالمتعلم من الأهداف التمكينية إلى الآهداف 
النهائية للدرس. 
الأسلوب الذي بني عليه برنامج البيان» يرتكرٌ على مخطط انتقال الحالات في شكل 
شجرة» تمثل کل عقدة أحد الأهداف التعليمية. وبناءً عليه» فقد تم توليد الشاشات 
وطريقة الانتقال سوف نبينها كما سيظهر في طريقة حل المشكلة. 


آلية عمل برنامج (البيان) 
لتوضیح وصف عمل البرنامج إجمالا نعرض الخطوات الآتية من وجهة نظر 
(ے تد اظطلب الموقع من المتصفح يستدعى ملف index.html gy manage.py‏ 


https://www.python.org (1) 
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الاشتقاق التلقائن لواجهات التواصل في التعليم الإلكتروننٰ باستعمال مخطط انتقال الحالات 


۲_ ملف ۳1٤ط.×e‏ ہ1 یستدعی 11٤۲.٣1ع٥!ا‏ لتسجیل الدخول. 

۳_ ملف ۳1٤ط.ہ1عه!ا‏ یستدعی ملف 8-عء2طا-٣۲٥؟-١1عه!ا‏ لإكمال صفحة الدخول. 

٤‏ فى توقيت الخطوة الرقم (۲) نفسه إمط. ۳٣4138‏ يستدعى ملفات 120[ الرئيسة. 

٥‏ عند ادخال الإيميل وكلمة المرورء يتم إرسال المتغيرات إلى قاعدة البيانات عن 
طریق ملف رم.wWء۷1»‏ حیث ملفات ال ١٥طار۴‏ متصلة بملفات 1۳1 عن طريق تعريف 
متخيرات معرفة في ۴1ط ویتم استدعاؤها في .Python Jl‏ 

٦‏ إذا تحققت خطوة ٠‏ يذهب إلى صفحة 8۳1.ءءaط‏ لاستدعاء ملفات 
JavaScript‏ وملف 1"٤ط.إمadعطh‏ لاأستدعاء الصفحات المكملة لهاء مثل أصأط.عهاه1ك. 

۷- إذالم تتحقق خطوة »٥‏ قوم ملف 1۴۲ع۲۲ بتسجيل مستخدم جديد» وإرسال 
البيانات إلى قاعدة البيانات عن طريق دالة فى ملف رم.Wء۷1‏ يرسلها ملف رم.ءاإن. 

۸- بعد تنفيذ خحطوة رقم )١(‏ يتم الآتي: 

- تفتح الصفحة الرئيسة للمشروع. 

ت يتم إدخال البسانات ویناء الشجرة. 

اء ا باسم interactive-08اهdi»‏ والذي تم إنشاؤه للإأظهار شاشة 
البيان التفاعلية. 


۹ عند طلب حفظ الشجرة د تستدعى دالة في إم.Wع۷1.‏ 


۶ت کل عند رفع ا E‏ يساداغى ملف «upload‏ ويسم إظهار الشجرة 
المحفوظة. 
والآن نفصل ما سبق ذكره: 


(server) لإنشاء الخادم المحلي‎ 1nd عx.طا‎ m1 و‎ a٣2 عءe.مر یتم استخدام ملف‎ ١ 
ينتج الأمر‎ ١4١32 ٥.مر على جهازناء حيث عند الدخول إلى المحث ١٣ء وطلب ملف‎ 
وعند نقله‎ ».Starting development server at http://127.0.1.8000 / الا‎ 
أي مت متصفح» فإننا نفتح ما يسمى ب ١٥ط 41٥1ء وينقلنا إلى صفحة جديدة للتأكد‎ ۳ 
فن اشر جه 1 الف من اق قرا هم السارم وعلط الرييء بالستدتن‎ 
!١إ‎ ×. المخزنة آسماؤهم ا قاعدة بيانات البرنامج» وذلك من خلال قيام ملف‎ 
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أ. د. إبسماعيل الأزهري - محمد فوزي العقاد 


1٣ط‏ باستدعاء 1٣ط."1عه1.‏ لتسجیل الدخول» يقوم ملف 1۲۳1.٣1عه1‏ باستدعاء 
8-b2se-f0rn-inعها‏ لإإكمال صفحة الدخول» حيث إن وظيفة الملف الأخير هي القيام 
بعمل واجهة كلامية فقط› ويتم استدعاؤها من داخل ملف ٣1عه!.‏ 

۲ بعد التأكد من شرعية المستخيم» ينتقل إلى ملف الجافا سكربت كز. ازو 
لادخال اسم المشروع» وبعدها ينتقل إلى اللخطوة الرقم 0 


أ 
تعرض الصغفحة قي Iocan 0٥051:8000‏ 


االرجاء انخال اسم المشروع 


الشكل a et ٠۷‏ ت ل 
2 في توقيت الخطوة الرقم (۲) نفسه ۳4138٥.‏ یستدعی ملفات 0ع۸ھزل 
الركيسة حیث تم إنشاء ملف manage.py‏ لأجل إدارة e‏ والتحكم به من خلال 
تشغیل سیرفر ویب على جهازنا»ء دون الحاجة إلى تثبيت برامج آخری. أا لقانت 
django‏ فهي عبارة عن إطار عمل لتصميم تطبیقات اروغ 
المتغيرات إلى قاعدة البيانات عن طريق ملف رم.«ء۷1 والذي يحتوى على الكود 
الرئيس للبرنامج. 


-٥‏ في الوقت نفسه» وبعد التحقق من شرعية المستخدم» ينتقل المسار إلى صفحة 
se.hi1هaط‏ والذي يقوم باستدعاء ملفات م1إ۷45cه[»‏ وملف 1٣اط.إeءhead‏ لاستدعاء 
الصفحات المكملة لهاء مثل .1٤٣٣1‏ 2٥1هل‏ والذي تم إنشاؤه من أجل القيام بتكوين مربع 
إدخال الفعل وتكوين باقي الجملة. 


الشكل۱۸: مربع إدخال الفعل وتكوين الجملة 
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الاشتقاق التلقائن لواجهات التواصل في التعليم الإلكترونن باستعمال مخطط انتقال الحالات 


لكن السؤال الذي يطرح نفسه هو» من آين يحصل المستخيم على الأفعال المراد 
استخدامها في بناء الهدف؟ الإجابة تتلخص في خطوة ما بعد التصميم وما قبل التطبيقء 
حيث يلزم الدخحول في تلك المرحلة إلى صفحة إدارة جانقو («4"1ه) والتي تتحكم 
بادارة الموقع» ومنھا يتم اختيار التصنيف 10١¥‏ 4×0 والتي تحتوي علي تصنيفات بلوم 
الستة» ومنها يتم إدخال الأفعال أ0۲س. 

عر تصنيف بلوم لأهداف التعلّم (1956 00m'sاB)‏ من اشھر النماذج التي 
قسف سقريات الام الراك وت ريات هتا الوق مسلة خي أن 
على المعذرّب آن يصل آل داف المستوى الأدنى» قبل أن يبني عليها ليصل لأهداف 
المستزئ الاعلىء وهي نالتر تب من الأدنى للأعلى (المعرفة - الفهم TES‏ 
النطيل ارک القوي 

تم ربط كل فعل بالتصنيف الذي يتبع له» وهو مرتبط ارتباطاً وثيقاً بملف ٥8.‏ 141ل 
1 الذي يتم استدعاؤه لاختيار الفعل» وعند عدم العثور على الفعل المراد استخدامه 
في قائمة الأفعال» فسوف يقوم المستخدم بإضافة الأفعال التي يرغب مباشرة» بشرط 
اختيار التصنيف الذي يتبع له هذا الفعل. 

٦‏ قد يحدث أن اسم المستخدم وكلمة المرور لا يتطابقان مع المستخمين 
المخزنة بياناتهم في قاعدة البيانات» لذلك يتحول المسار إلى ملف ۴۲٤ء1ع٥۲‏ لتسجيل 
مستخدم جديد» وإرسال البيانات إلى قاعدة البيانات عن طريق دالة في ملف view.py‏ 
يرسلها ملف رم.ءاءنء وبالتالي يضاف المستخدم الجديد إلى قائمة المستخلمين. 


http://www.edutrapedia.illaf.ne/arabic/show_article.thtml?id=95 (1) 
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۷- بعد تنفيذ الخطوة الرقم )١(‏ ينتقل المسار إلى الصفحة الرثيسة للمشروع» 
ويتم إدخال البيانات المطلوبة وبناء الشجرة. عندها يتم استدعاء ملف باسم 
interactive-0gاهdi»‏ والذي تم إنشاؤه للإإأظهار شاشة البيان التفاعلية كما يظهر في 


:)١5 الشكل‎ 


× المشروع التفاطي التطيمي ( البيان ) 


& 


تن يتذكر الطاب ×2 ×5× ×× 


الشكل» ١‏ شاشة ألبيان التفاغاية آلمولدة 


و یتم تخزین الشجرة من خلال اشستدعاء دالة في cvlew.py‏ وذلك بالنقر على 
رمز الحفظ في واجهة البرنامج» حيث يتم تخزين الشجرات التي تم إنشاؤها من خلال 


Tak Oo 


ESS emd f 


الشكل٠۲:‏ صفحة ملف التتزيلات 


۹- من الوارد جداً الحاجة لاستدعاء أو رفع ملف محفوظء عند ذلك يتم استدعاء 
ملف 44ه٠1من‏ ويتم إظهار الشجرة المحفوظة في الجهاز. 
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الاشتقاق التلقاثن لواجهات التواصل فن التعليم الإلكتروننٰ باستعمال مخطط انتقال الحالات 


يقة تشغيل برنامج البيان 

جوهره هو رة لإإدخحال شجرة الهداف NE,‏ انتقال الحالات). 

AM =| 

1 الدخول للبرنامج من خلال اسم المستخدم (عنوان البريد الإإلكتروني) وكلمة المرور. 

«1 إِدا کانت بیانات المستخدم اة ومو جودة وسا اذهب ن الخطوة‎ E 
. ٤ وإذا كانت غير موجودة» اذهب إلى الخطوة‎ 

ا هل ترغب بتسجیل مستخلم جدید؟ ادا کان الجواب (نعم ( اذهب إلى الخطوة 
الرقم ٥‏ وإذا كان الجواب «لا» اذهب إلى الخطوة ۲. 

۷- يختار المستخِم الفعل من قائمة الأفعال. 

۸- هل الفعل موجودٌ فى قائمة الأفعال؟ إذا كان الجوابٌ «لا»» اذهب إلى الخطوة 
٩‏ وإذا كان الجوابٌ «نعم» اذهب إلى الخطوة الرقم .٠١‏ 

۹- إضافة الفعل إلى قائمة الأفعال. 

ء٠١ هل تمت كتابة الجملة؟ إذا كان الجواب «نعم» اذهب إلى الخطوة الرقم‎ ١ 
.٠١ وإذا كان الجواب «لا» ارجع إلى الخطوة الرقم‎ 

د اة إالجملة إل شة الأهذاف. 

۴ قول الشاشة الشاعلة. والتعل بين شاقات الشجرة 

٤‏ هل تريد الاستمرار؟ (للإضافة أفعال وجمل جديدة)» إذا كان الجواب (نعم»» 
اذهب إلى الخطوة الرقم ۷» وإذا كان الجواب «لا» اذهب إلى الخطوة الرقم .٠١‏ 
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أ. د. إسماعيل الأزهري - محمد فوزي العقاد 


بدلالة المخطط الرقم (١)ء‏ فإن بداية تشغيل البرنامج هي شاشة الدخول» والتي 


تتكون من عنصرين: الأول هو حقل إدخال البريد الإإلكتروني» والثاني هو حقل كلمة 


السر» وكلاهما يندرج تحت شكل تسجيل الدخول. 
الواقع يُظهر أن حالة تسجيل الدخول يجب أن تطبق بشکل ضروري باستخدام 
الحقلين بشكل صحيح» أما إذا أخفق المستخيم ولم يتمكن من الدخول» فسوف تظهر له 


صفحة تبيه بالخطاءحيث تطلب من المستخدم بأن يعيد كتابة البيانات» آو سيتم تسجیله 
کمستخلم جدید. 


مخطط رقم :)١(‏ تدفق البيانات للإنشاء مستخدم جديد أو دخول مستخدم 
بعد تسجيل الدخول بشكل ناجح» يتم نقل المستخلِم إلى الصفحة التالية من البرنامج 
بدلالة ال الرقم ( خی نظلے فت تسل اسم المشروع الا والذي 
ستندرج الشجرة التي يتم زسمها تحت اسف الط اتر 0© بش إمشال إس 
المشروع شرطا للانتقال لواجهة البرنامج الرئيسة» والتي تتكون من عددٍ من المربعات 
والحوارات التصة: 
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الاشتقاق التلقائن لواجهات التواصل في التعليم الإلكترونيٰ باستعمال مخطط انتقال الحالات 


اضافة الفحل الى 
قاتمة الاقعال 


8 مخطط رقم (۲): تدفق البيانات للإضافة الأفعال 
بدلالة المخطط ار (۲(« تم اختيار الفعل وإكمال بناء الهدف ا وإدا لم 
8 المستخدم عنصرا اا اجازياء مثل | سم الهدف (الفعل)» عندها پد استاء 


وسيتم عرض رسالة تنبيه بالخطاً (الفعل [ ]غير موجود فى قائمة الأفعال» هل ترغب 
بإضافته؟). وكذلك مطلوبٌ من المستخدم تخديد تصتيف الفعل المراد إدراجهء وغئذما 


يتبع المستخدم جميع الخطوات بشكل صحيح» سيتم إنشاء توصيل بين الهدف والشجرة 
2 2 ي ڪ 
وستنتهي العملية بنجاح. 


ل 


مخطط رقم (۳): تدفق البيانات لإنشاء شجرة الأهداف 
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أ. د. إسماعيل الأزهري - محمد فوزي العقاد 


عند بناء الشجرة يمكن للمستخيم أن يتحكم بهاء والدخول إلى خياراتِ توجيهيٍ 
مل: (التالي- السابق - تعديل - حذف)» وإذا اختار المستخدِم (تعديل) فسوف يتم 
(إعادة كتابة الهدف) ونقله إلى المربعات الحوارية في بداية الصفحة» وهي تكون في 
هذه الحالة كنشاط توصيلىء وأخيراً يمكن للمستخدِم أن يختار طباعة الصفحة أو حفظها 
على هيئة ۶9۴ أو حفظها بملفٌ منفصل لاستردادها في وقتٍ لاحت بدلالة الشكل 
E‏ 


الشکل۲۲: الرموز المستخدمة فى الحفظ والاسترجاع والطباعة 


الواجهات التفاعلية المُولّدةٌ من البرنامج 

بظهر المخطط الرقم () أنه عند الانتهاء من رسم الشجرة أو كتابة الأهداف» يمكن 
توليد الشاشة التفاعلية من الهدف التمكيني. هذا ٣‏ تاا ا ن اله 
بالمتطلبات lnllبةقة .Requisite Pre‏ 


عرض الشکل RES‏ 


الشكل۲۳: محتويات الشاشة التفاعلية المولدة 


محتويات الشاشة التفاعلية: 
-١‏ اسم الشاشة (المشروع التفاعلي التعليمي (البيان). 
۲- اسم الدرس. 
کے ادف 
٤‏ تضن الهذف. 


6ے الالات النكدويسة: 
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الاشتقاق التلقائنٰ لواجهات التواصل في التعليم الإلكترونن باستعمال مخطط انتقال الحالات 


٦‏ اسهم لتحديد اتجاه التنقل بين الأهداف. 

۷ رمز الخروج الدائم من الشاشة التفاعلية (+). 

۸- رمز الخروج المؤقت من الشاشة التفاعلية (-). 

عند النقر المزدوج على الهدف التمكيني» يقومٌ المستخدِمُ بفتح حوار المشروع المنشأ 
ويتنقل بين الشاشات التفاعلية بحسب عدد الأهداف التي تحتويها المادة التعليمية. وأخيراً 
يستطيع المستخم حفظ شجرة الأهداف المنشأة في جهاز الكمبيوتر الخاص به» واسترجاعها 
وقت الحاجة. وكذلك يستطيع حفظ الشجرة» والخروج مؤقتاء والرجوع للمستوى نفسه الذي 
توقف عنده» من خلال اختيار أيقونة (الرجوع للشجرة)» أو الخروج الدائم. 


3مسصمتتي ‏ چي ر اتر عشیے 


جد د کک“ هھ کس 


الشكل٤۲:‏ إنهاء الخروج المؤقت 


قمنا ر تتطبیق دض من دروس اللغة العريية من المنهج اله لفلسطيني لاصف التاسع» 
بعنوان (المفعول لأجله)» على برنامج )البيان(. لاشتقاق واجهة تواصل في التعليم 
الإلكتروني» و کانت نتا ئج التطبيق كالاتي: 


sate ih RE 


أن بكر ن الطللب جملة مبدوءة بكلعة تم [القطبق)ِ 
ان بکي ن اتطاب جملة مبديء بکیځ لازا [اتفطبيق) : 


` أن يعطي الطاب جملة فيه مفعول لاجفة في مصدر مصوب (التطبيق) ؛ 


را أن يكو ن الطاب جملة مبديءء بكنمة نم ويتنظر الجواب (النطييق) | ي أن بكون الطائب جملة مبدوءة بكلمة لم وينظر الجواب (التطيق) | |٠‏ أن يكي ن الطب جملة مبدوءة بكلمة تم وينتظر الجواب تق 
2 أن بكي ن لطاب جمنة ميتو ء بكئمة مادا ويننظر الجواب [انتتبيق) : أن يكو ن الطاب جمذة مبصو ة بكلمة لمافا وينتظر الجياب إقنطضبقع : ` أن یکو ر با چا مء ا ور الجواب [لتنبق) إ 


الك 7۲ رة الاهداف اللعلحة 


الصورة الموضحة في الشكل )٠١(‏ تظهر حصولً مُصمَّم التعليم على جزءٍ من 
شجرة الأهداف التعليمية لدرس المفعول لأجله»ء بعد قيامه بعملية بناء الأهداف السلو كية 
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ب إظهار جدول إحصاء الآهداف 


N 


ETE 


الشکل٣۲:‏ جدول إحصاء الأهداف 
الصورة الظاهرة فى الشكل )۲١(‏ تبين جدولاً لإحصاء عدد الأهداف» مع إظهار 
التصنيف والنسبة المئوية ومجموع الأهداف» حيث إن العملية التعليمية النموذجية تسير 
وفق خطة وحساب ممنهج» علماً أن الإحصائيات تتغير تلقاتياً عند اللإضافة أو الحذف. 
ر رة _ على اشتقاق الشاشات التفاعلية من الأهداف والتنقل بينها 


GOD RIE EY 
EEE 2 


ر ان نک قانشب حخسے ميخ 2 شش مد 


َ کون قاب جل وة بم و 
e‏ 
را أن يعي لطلب جملة فيه مهل اجلة قب مصتر تسوب إا 


ی مترو مت مر د ام پت ر ا _- راھ agen‏ ت xata!‏ 


ا ê‏ أن يكي ن الطاب جملة مبدوءة بلمة كم يقر الجواب (ل - 
الشکل ۲۷ rT‏ ب الشات 
الصورة فى الشكل (۲۷) التنقل بين الشاشات المولدة من الأهداف التعليمية. 


٤‏ القدرة على توظيف الألوان بالشكل المناسب 


PNET‏ ۸ > لرن احم 


» | ج ای بای ایتا له ییول اما ندر لوا > لون أزرق) 


۰ کر نف کا این رایت مر ES‏ ج (لون أخضر) 
الشكل۲۸: توظيف الألوان في شجرة الأهداف 
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الاشتقاق التلقائنٰ لواجهات التواصل في التعليم الإلكترونيٰ باستعمال مخطط انتقال الحالات 


(الأب» تفا يڌل 8 الأخضر على أن هذا الهدف هو الد الد للهدف 
السابق (الابن). 


EERE SRR RESEN RRR ASAE 


EB Oy 
a mlre morane مز الطلص بين مسنةة المصهر وره حن الحمشدة‎ 


ر أن يعرف الطلب المصدر (الفهد ولاستيعب) | . | 

UATE TE 
| 
ا‎ 
٣ 
1 | ق یون نطب ما ستوب بلمة لمق افق‎ 


را أن بطي الب جمة يي قعل جل في مدر تمو را 


أن يكون الطاب جملة وء عة لم ويتتظر الجواب (التطبر 


: | ن يكو ن لطاب جملة مبدوءة بلمة لمق ويتتتو جوب قط 


أن يذ TITTY‏ (فتطيق) | 


ا Ki 3s 0 EF u‏ م 
8 ای جه هر o‏ که مچ مني اټړ همه جخ هتەمتر 


الشکل۲۹: توظيف الألوان فى الشاشة التفاعلية 


ار الل رالزق قن الضر رة 6۲۹ الشاقة الفاغ المرشة بالف المكيي. 
الذي تم ثوليد الشاشة منه» وكلما تنقلنا بین التاشنانت المولدة» کلما تغير لون الهدف 
المشتقة مته الشباشة إلى اللون الاأزرق: 


مقارنة المخرجات مع معايير التعليم الإلكتروني المعروفة 
150/٧٤۳١ 1‏ للتوحيد القياسي. يتعلق هذا المعيار براحة المستخيم آثناء تفاعله مع 
العناصر المرئية في شاشة الكمبيوتر 

بالرغم من أن المعيار 9241 ISO/CEN‏ م ا ی ر في التعليم الإألكتروني» 
إلا اننا نوکر غل دلٹ الجزء من المعيار الخاص براحة وج 


وات وا المستخيم قد تؤدي إلى ألحد من فعالية ااج وإلحاقاً بالحاجة لو فير 
تجربة س واکثر عرب ي هناك طلبٰ متزايد E‏ إعطاء ا 


9 الحياة. 
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للمنتجات 0 ا المطالبة بقدر 8 0 ن التفاعل غ یقات انع التي تلبی 
حاجتهم للتحكم الذاتي والسيطرة» با لإإضافة إلى تحقيق رؤية للتظم التكنولوجية التي 
كن تعذيلها لاعماجات اللمين ال اة 


ترڪڍب مار 9241 S©/GÇEN‏ 


قدرة الاسكخدأم ( الجزء 11 ) 


جرت الم طومات ( الجزي 12 ) 


مياديةع ألثحوار [ الجزء 10 ) 


الشکل۳۰: ترکیب معیار 9241 ]S0/CE×N‏ 


الخاتمة: 
السابقة الذكر»ء فقد توصل البحث إلى الآتي: 
اه E‏ 
N O E:‏ 
عند التنقا بين الشاشات. 
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الاشتقاق التلقائيٰ لواجهات التواصل في التعليم الإلكتروني باستعمال مخطط انتقال الحالات 


۳ مخرجات البرنامج تلامس بشکل كبير احتياجَ المصمم. 
٤‏ مخرجات البرنامح تعطي المصمَّمَ القدرة على إمكانية إدخال الأحداث التعليمية 
لاحقاء باستعمال الوسائط الغئية. 


8 مر جات البرنامجح تعطي القدرة للمصمم لترتیب أفكاره وتدوينها مسبقاً في 
الشاشة التفاعلية. 


-٦‏ مخرجات البرنامج تتفق تماماً مع أدبيات التعليم والتعلم. 

البرنامج يتيح التحكم في لوان الشاشات» بما يساعد في عملية التصميم نفسها. 

۸- البرنامج يعرض إحصائية لمجموع الأهداف ذات الصلة بكل مستوى إدراكي 
على حدة» الأمرٌ الذي يساعد المصمَمَ على توزيع أهدافه على جميع المستويات 
الآدراکة دون تر کی فل مسو ی وا خد می کالجفظ مهاد 

۹- منتجات البرنامج مستقلة عن برنامج البيانء إذ يمكن للمتعلم التعاملُ معها من 


Sawt Al-Jamiaa 


